<template>
    <view class="pages" :style="[themeStore.bg(props.bgKey)]">
        <slot></slot>
        <up-notify message="Hi uview-plus"></up-notify>
        <up-toast ref="uToastRef"></up-toast>
    </view>
</template>

<script setup>
    import { useThemeStore } from '@/libs/store';
    
    const themeStore = useThemeStore();
    
    defineOptions({
        name: 'page-view'
    })
    
    const props = defineProps({
        bgKey: {
            type: String,
            default: 'bg-page-base'
        }
    })
</script>

<style scoped lang="scss">
    .pages{
        /* #ifndef H5 */
        min-height: 100vh;
        /* #endif */
        /* #ifdef H5 */
        min-height: calc(100vh - 44px);
        /* #endif */
        overflow: hidden;
    }
</style>
